<seed-content #content>
  <seed-toolbar-header>
    <seed-toolbar-title>学员点名</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <seed-infinite-scroll (infiniteScroll)="getInfo(false)">
    <seed-calendar-header [btnConfig]="btnConfig" [defaultType]="'today'" (confirm)="modalConfirm($event)"></seed-calendar-header>
    <div class="seed-gap"></div>
    <div class="count">
      <p class="title">学员出勤</p>
      <!--圆圈-->
      <div class="pic seed-flexbox seed-flexbox-content-center">
        <div class="all">
          <div class="desc">出勤总人数</div>
          <div class="middle" *ngIf="signAll >=0">{{signNum? signNum :'0'}} / {{signAll}}</div>
          <div class="middle" *ngIf="!(signAll >=0)">暂无数据</div>
          <div class="spinner_left">
            <div class="left"
                 [ngStyle]="{'transform': allAngle > 180? 'rotate('+allAngle+'deg)': 'rotate(-180deg)'}">
            </div>
          </div>
          <div class="spinner_right">
            <div class="right"
                 [ngStyle]="{'transform': allAngle > 180? '': 'rotate('+(allAngle + 180)+'deg)'}">
            </div>
          </div>
        </div>

        <div class="all course">
          <div class="desc">全勤课程</div>
          <div class="middle">{{percent?percent + '%':'暂无数据'}}</div>
          <div class="spinner_left">
            <div class="left"
                 [ngStyle]="{'transform': allAngle > 180? 'rotate('+allAngle+'deg)': 'rotate(-180deg)'}">
            </div>
          </div>
          <div class="spinner_right">
            <div class="right"
                 [ngStyle]="{'transform': allAngle > 180? '': 'rotate('+(allAngle + 180)+'deg)'}">
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--内容区-->
    <div class="seed-gap"></div>
    <div class="each-course">
      <p class="title">课程统计</p>
      <div class="item seed-underline seed-flexbox"
           *ngFor="let item of arr"
           (click)="goEach(item.classId,item.teacherId,item.properties)"
      >
        <span class="choose"></span>
        <p class="class-name">{{item.className}}</p>
        <p class="class-desc">
          <span class="school">{{item.schoolName}} </span>
          <span>销课{{item.signNum}} / </span>
          <span>应到 {{item.signAll}}</span>
        </p>

      </div>
      <div *ngIf="arr.length == 0 && !firstLoad">
        <seed-default-graph [url]="'noData'" [text]="'暂无学员'"></seed-default-graph>
      </div>
    </div>
    <seed-infinite-scroll-content *ngIf="arr.length >= 10"></seed-infinite-scroll-content>
  </seed-infinite-scroll>
</seed-content>
